<template>
</template>

<script lang="ts" setup>
import {reactive} from 'vue'

// do not use same name with ref
const form = reactive({
  rules: '',
  logic: '',
  goalLabel: '',
  goalLabelOptions: [
    {
      value: '1',
      label: 'one'
    },
    {
      value: '2',
      label: 'two'
    },
    {
      value: '3',
      label: 'three'
    }
  ],
  compute: '',
  computeOptions: [
    {
      value: '1',
      label: 'one'
    },
    {
      value: '2',
      label: 'two'
    },
    {
      value: '3',
      label: 'three'
    }
  ],
  goalValue:'',
  goalValueOptions: [
    {
      value: '1',
      label: 'one'
    },
    {
      value: '2',
      label: 'two'
    },
    {
      value: '3',
      label: 'three'
    }
  ],
})


const onSubmit = () => {
  console.log('submit!')
}
</script>

<style lang="scss">

</style>
